import React, { Component,Suspense } from 'react'
import { Switch,Route,Redirect } from 'react-router-dom'

export class RouterView extends Component {
  render() {
      const {routerConfig}=this.props
    return (
      <div>
          <Suspense>
              <Switch>
                  {routerConfig.length?routerConfig.map((item,index)=>{
                      return item.redirect?<Redirect
                        key={index}
                        to={item.redirect}
                      ></Redirect>:<Route
                        key={index}
                        path={item.path}
                        render={(props)=>{
                            return <item.component
                                {...props}
                                routerConfig={item.children}
                            ></item.component>
                        }}
                      ></Route>
                  }):'暂无路由'}
              </Switch>
          </Suspense>
      </div>
    )
  }
}

export default RouterView